import './css/style.css'

import SerachZu from '../../components/SerachZu/SerachZu';

const SearchRecords = () => {
    return (
        <div>
            {/* 搜索记录 */}
            {/* 头部 */}
            <div className="top">
                {/* 搜索框 */}
                <div className="top_sou">
                    <p className='top_sou__p1'>
                        类型: <input type="text" placeholder='请输入搜索类型' />
                    </p>
                    <p className='top_sou__p2'>
                        搜索词: <input type="text" placeholder='请输入搜索词' />
                    </p>
                    <p className='top_sou__p3'>
                        搜索量: <input type="text" placeholder='请输入搜索量' />
                    </p>
                </div>
                {/* 按钮 */}
                <div className="top_an">
                    <div className="top_an_zi">
                        <button className='bon1'>搜索</button>
                        <button className='bon2'>重置</button>
                    </div>
                </div>
            </div>
            {/* 中心 */}
            <div className="zhong">
                <div className="zhong_shua">
                    刷新
                </div>
                <div className="zhong_zhu">
                    <SerachZu/>
                </div>
            </div>
        </div>
    )
}
export default SearchRecords